<template>
<view class="item_cp" @click="goUpdatePage">
	<view class="title">
		{{itemData.company}}
	</view>
	<view class="content">
		<u-tag
			class="u-tag"
			v-if="itemData.proNum"
			:text="itemData.proNum"  
			mode="light" 
			type="primary"/>
		<u-tag
			class="u-tag"
			v-if="itemData.thisMonth"
			:text="itemData.thisMonth"  
			mode="light" 
			type="primary"/>
		<u-tag
			class="u-tag"
			v-if="itemData.allInvest"
			:text="itemData.allInvest+'万元'"  
			mode="light" 
			type="primary"/>
		<u-tag
			class="u-tag"
			v-if="itemData.schedFullRate"
			:text="itemData.schedFullRate+'%'"  
			mode="light" 
			type="primary"/>
	</view>
</view>
</template>

<script>
//月度汇总item组件
export default{
	name:"SummeryItemCp",
	props:{
		itemData:{  //item数据
			type:Object,
			default:()=>{
				return {};
			},
		},
	},
	data(){
		return{
			
		}
	},
	methods:{
		goUpdatePage(){  //跳转到修改界面
			uni.navigateTo({
			    url: `/pages/summery/updateSummery?id=${this.itemData.id}`,
			});
		},
	},
}
</script>

<style lang="scss" scoped>
.item_cp{
	width: 100%;
	background-color: #ffffff;
	height:fit-content;
	border-bottom: 1px solid #e4e9ea;
	padding: 10px 15px 0 15px;
	box-sizing: border-box;
	display: grid;
	grid-gap: 15px;
	>.title{
		font-size: 14px;
		line-height: 20px;
		color: #323232;
		font-weight: bold;
	}
	.content{
		display: flex;
		flex-wrap: wrap;
		.u-tag{
			margin: 0 15px 15px 0;
		}
	}
}
</style>
